import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false
import VueRouter from 'vue-router'
import About from './views/About.vue'
import Content from './views/Contant.vue'
import UI from './views/UI.vue'
import Bob from './views/content/Bob.vue'
import Alice from './views/content/Alice.vue'
import all from './views/content/All.vue'
import ac from './views/content/all/All-content.vue'
import flex from './views/content/all/flex.vue'
Vue.use(VueRouter)
const routes = [
  {
    path: '/about',
    component: About
  },
  {
    path: '/content',
    component: Content,
    children: [
      {
        path: 'a',
        component: all,

      },
      {
        path: 'alice',
        component: Alice
      },
      {
        path: 'bob',
        component: Bob,
        children: [
          {
            path: 'eve',
            component: ac
          },
          {
            path: 'flex',
            component: flex
          }
        ]

      }
    ]
  },
  {
    path: '/UI',
    component: UI
  }
]
const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
